<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="./css/style2.css"/>
		<link rel="stylesheet" type="text/css" href="./css/head.css"/>
		<script type="text/javascript" src="http://h5.itcast.cn/yles2018/nowtime"></script>
		<script src="js/jquery.js"></script>
		<script type='text/javascript' id="qxzxqm" src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=d48d5cf0-2e47-11e8-9db3-3313a60c92e9&autoShow=false&language=ZHCN' async='async'></script>
    <title>Document</title>
</head>
<body>
    <div class="wrap">
        <div class="banner">
            <div id="slideBox" class="slideBox">
                <div class="bb">
                    <div>
                        <!-- <a class="prev" href="javascript:void(0)"><</a>
                        <a class="next" href="javascript:void(0)">></a> -->
                    </div>
                </div>
                <div class="bd">
                    <ul>
                        <li class="itcast_click"><a href="javascript:;">
                            <div class="ban">
                                <img src="./img/1.jpg" style="width: 1920px;height: 600px;" id="lunbo" >
                                <i class='iconfont icon-jiantouzuo now-left' id="left"><</i>
                                <i class='iconfont icon-jiantouyou now-right' id="right">></i>
                            </div>
                        </a></li>
                        <li class="itcast_click"><a href="javascript:;">
                            <div class="ban"><img src="http://itheima.itcast.cn/special/brandzly1/images/ban5.jpg" ></div>
                            <div class="ban"><img src="http://itheima.itcast.cn/special/brandzly1/images/ban6.jpg" ></div>
                        </a></li>
                    </ul>
                </div>			
            </div>
            <div class="head">
                <div class="box_In">
                    <img class="fl logo" src="http://itheima.itcast.cn/special/brandzly1/images/logo.png" style="text-decoration: none;"/>
                    <ul class="fr">
                        <li><a href="javascript:;" class="li_a itcast_click" style="text-decoration: none;">免费视频教程</a></li>
                        <li><a href="javascript:;" class="li_a itcast_click" style="text-decoration: none;">教研团队</a></li>
                        <li><a href="javascript:;" class="li_a itcast_click" style="text-decoration: none;">直营校区</a></li>
                        <li><a href="javascript:;" class="li_a itcast_click" style="text-decoration: none;">报名流程</a></li>
                        <li><a href="javascript:;" class="li_a itcast_click" style="text-decoration: none;">技术社区</a></li>
                    </ul>
                </div>
            </div>
            <div class="sub_nav">
                <p class="navtop"><span>热门课程</span></p>
                <div class="nav_txt"><!-- 左侧学科 --><!-- 大学起点 -->
                    <ul class="ulon" title="传智播客IT培训-Java培训|HTML&amp;JS+前端|Python人工智能|大数据|UI/UE设计|软件测试|新媒体短视频直播|产品经理">
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/hmjavaeezly/index.shtml" rel="nofollow" target="_blank" title="Java|Javaee培训">JavaEE<i class="iconfont"></i></a></li> <br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/webzly/index.shtml" rel="nofollow" target="_blank" title="HTML|JS|web前端开发培训">HTML&amp;JS+前端 <i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/pythonzly/index.shtml" target="_blank" title="Python大数据开发">Python+大数据开发<i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/aizly/index.html" rel="nofollow" target="_blank" title="人工智能开发">人工智能开发<i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/uizly/" rel="nofollow" target="_blank" title="UI|UE设计培训">UI/UE设计<i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/testzly/index.html" rel="nofollow" target="_blank" title="软件测试培训">软件测试<i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/xmtzly/index.html" rel="nofollow" target="_blank" title="新媒体|短视频直播运营">新媒体+短视频直播运营<i class="iconfont"></i></a></li><br/>
                    <li><a class="a_gd" style="text-decoration: none;" href="http://www.itheima.com/special/pmzly/index.html" target="_blank" title="产品经理培训">产品经理<i class="iconfont"></i></a></li><br/>
                    </ul>						
                </div>
            </div>
            <div class="banbot">
                <div class="box_In">
                    <ul>
                        <li class="itcast_click"><a href="javascript:;"><img src="http://itheima.itcast.cn/special/brandzly1/images/banbotpic1.png" ><span>学费价格</span></a></li>
                        <li class="itcast_click"><a href="javascript:;"><img src="http://itheima.itcast.cn/special/brandzly1/images/banbotpic2.png" ><span>开班信息</span></a></li>
                        <li class="itcast_click"><a href="javascript:;"><img src="http://itheima.itcast.cn/special/brandzly1/images/banbotpic2.png" ><span>入学攻略</span></a></li>
                        <li class="itcast_click"><a href="javascript:;"><img src="http://itheima.itcast.cn/special/brandzly1/images/banbotpic2.png" ><span>学员薪资</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="box1">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>完善的课程研发体系</b>紧跟技术发展及企业需求</h2>
                    <p>完善的课程研发体系 每年平均33次课程升级 力求传递给学员更多知识与技术</p>
                </div>
                <div class="box1_con">
                    <ul class="clears">
                        <li class="sub_javaee">
                            <div class="box1pic"><i></i><span></span></div>
                            <h3>JavaEE</h3>
                            <p>编程语言中的王者</p>
                            <!-- <div class="box1con_mask">
                                <h3>JavaEE</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="./images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="./images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div> -->
                        </li>
                        <li class="sub_web">
                            <div class="box1pic"><i></i><span></span></div>
                            <h3>HTML&JS+前端</h3>
                            <p>覆盖全栈+全端，培养<br />实战人才</p>
                            <div class="box1con_mask">
                                <h3>HTML&JS+前端</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_python">
                            <div class="box1pic"><i></i></div>
                            <h3>Python+大数据开发</h3>
                            <p>引领未来的万能编程语言</p>
                            <div class="box1con_mask">
                                <h3>Python+大数据开发</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_ai">
                            <div class="box1pic"><i></i></div>
                            <h3>人工智能开发</h3>
                            <p>AI创新未来</p>
                            <div class="box1con_mask">
                                <h3>人工智能开发</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_ui">
                            <div class="box1pic"><i></i></div>
                            <h3>UI/UE设计</h3>
                            <p>了解业务的全链路设计师</p>
                            <div class="box1con_mask">
                                <h3>UI/UE设计</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_test">
                            <div class="box1pic"><i></i></div>
                            <h3>软件测试</h3>
                            <p>软件质量的捍卫者</p>
                            <div class="box1con_mask">
                                <h3>软件测试</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_xmt">
                            <div class="box1pic"><i></i></div>
                            <h3>新媒体+短视频运营</h3>
                            <p>懂产品和用户的全案运营人</p>
                            <div class="box1con_mask">
                                <h3>新媒体+短视频运营</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_pm">
                            <div class="box1pic"><i></i></div>
                            <h3>产品经理</h3>
                            <p>互联网企业的核心岗位</p>
                            <div class="box1con_mask">
                                <h3>产品经理</h3>
                                <div class="mask_bot">
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic3.jpg" ></em><span>课程大纲</span></a>
                                    <a href="javascript:;" class="itcast_click"><em><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic4.jpg" ></em><span>免费试听</span></a>
                                </div>
                            </div>
                        </li>
                        <li class="sub_box1pic1 itcast_click">
                            <div class="box1pic"><img src="http://itheima.itcast.cn/special/brandzly1/images/box1pic1.jpg" ></div>
                            <h3>更多课程</h3>
                            <p>MORE</p>
                        </li>
                    </ul>
                    <p class="box1p">不知道学什么好？</p>
                    <a href="javascript:;" class="a_btn itcast_click" style="width: 241px;background-position: 203px center;">立即咨询</a>
                </div>
            </div>
        </div>
        <div class="box3">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>“五库模式”+六级研发流程</b>打造实用优质课程</h2>
                    <p>产品、开发、测试上线全程辅导 搭建成熟课研闭环 高效研发项目 提升课程质量</p>
                </div>
                <div class="box3_con">
                    <img src="http://itheima.itcast.cn/special/brandzly1/images/box3pic1.jpg" >
                    <a href="javascript:;" class="a_btn itcast_click">了解更多课程内容</a>
                </div>
            </div>
        </div>
        <div class="box_project">
            <div class="box_hd">
                <h2><b>企业级真相目实战</b>成就学员高起点就业</h2>
                <p>每年斥资亿元进行全场景、全行业、深技术的项目研发，100%还原企业级项目</p>
            </div>
            <div class="project_top">
                <div class="box_In">
                    <ul class="clears">
                        <li><p>220<em>+</em><i></i></p><span>220+人专家团队打磨项目</span></li>
                        <li><p>30<em>+</em><i></i></p><span>30+个主流行业全面覆盖</span></li>
                        <li><p style="font-size: 24px;">1亿<em>+</em><i></i></p><span>年上亿研发经费投入</span></li>
                        <li><p>12<i>项</i><em>+</em></p><span>评审流程，严控项目质量</span></li>
                        <li><p>4100<em>+</em><i></i></p><span>4100+次课程实施</span></li>
                    </ul>
                </div>
            </div>
            <!-- <div class="project_bot">
                <div class="box_In clears">
                    <!-- <div class="selectbot">
                        <p class="selecttop">JavaEE</p>
                        <ul>
                            <li subjectID="1" subdata="javaee">JavaEE</li>
                            <li subjectID="2" subdata="web">HTML&JS+前端</li>
                            <li subjectID="7" subdata="cloud">大数据</li>
                            <li subjectID="3" subdata="python">Python+大数据开发</li>
                            <li subjectID="8" subdata="ai">人工智能开发</li>
                            <li subjectID="6" subdata="ui">UI/UE设计</li>
                            <li subjectID="4" subdata="test">软件测试</li>
                            <li subjectID="5" subdata="pm">产品经理</li>
                        </ul>
                    </div> -->
                    <!-- <div class="botlist">
                        <div class="picScroll-left">
                            <div class="hd">
                                <a href="javascript:;" class="next" rel="nofollow"><i></i></a>
                                <a href="javascript:;" class="prev" rel="nofollow"><i></i></a>
                            </div>
                            <div class="bd" title="黑马程序员IT培训项目库">
                                <ul class="picList">
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="javascript:;" class="a_btn itcast_click" style="width: 241px;background-position: 203px center;">立即体验</a>  -->
        </div>
        <div class="box4">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>海量高品质免费视频教程</b>你想学的全都有！</h2>
                    <p><span>12万+</span>视频教程，年均下载及播放量<span>4000万+</span>！<span>1500余次</span>免费公开课，年均听课人数<span>近百万</span>！</p>
                </div>
                <div class="box4_con">
                    <div class="box4con_top">
                        <ul class="clears" style="display:flex;justify-content : space-between;flex-direction:row;">
                            <li class="list" style="background-image: url('http://yun.itheima.com/Upload/./Images/20211231/61ce744050fc1.jpg');height: 200px;position: relative; overflow: hidden;"><div class="mask"></div></li>
                            <li class="list"  style="background-image: url('http://yun.itheima.com/Upload/./Images/20211209/61b166b3c3c2d.jpg');height: 200px;position: relative; overflow: hidden;"><div class="mask"></div></li>
                            <li class="list"  style="background-image: url('http://yun.itheima.com/Upload/./Images/20211231/61ce744050fc1.jpg');height: 200px;position: relative; overflow: hidden;"><div class="mask"></div></li>
                            <li class="list"  style="background-image: url('http://yun.itheima.com/Upload/./Images/20210514/609e10567f768.jpg');height: 200px;position: relative; overflow: hidden;"><div class="mask"></div></li>
                            <li class="list"  style="background-image: url('http://yun.itheima.com/Upload/./Images/20210603/60b879882a0cd.jpg');height: 200px;position: relative; overflow: hidden;"><div class="mask"></div></li>
                           
                        </ul>
                    </div>
                    <div class="lay_con">
                       
                    </div>
                    <a href="javascript:;" class="a_btn itcast_click">更多免费教程</a>
                </div>
            </div>
        </div>
        <div class="box5">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>与众多企业深度合作</b>保障课程项目契合企业刚需</h2>
                    <p>从实际出发，不断优化课程知识，增加技术深度、广度，才能更加贴合大厂技术需求</p>
                </div>
                <div class="box5_con">
                    <img src="http://itheima.itcast.cn/special/brandzly1/images/box5pic1.jpg" >
                </div>
            </div>
        </div>
      
        <div class="box_tlias">
           
        </div>
        <div class="box_tlias">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>TLIAS教辅系统</b>数据驱动式教学更高效</h2>
                    <p>教/学/练/测/评融会贯通，循序渐进式练习，针对性查漏补缺，稳步提高学习效果</p>
                </div>
                <div class="tlias_con">
                    <ul>
                        <li class="cur"><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic1.jpg" style="width:732px;height:408px" alt="IT培训目标体系"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic2.jpg" style="width:732px;height:408px" alt="IT培训习题库"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic3.jpg" style="width:732px;height:408px" alt="IT培训质量"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic4.jpg" style="width:732px;height:408px" alt="IT学习问答互动社区"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic5.jpg" style="width:732px;height:408px" alt="IT培训就业辅导"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic6.jpg" style="width:732px;height:408px" alt="IT就业模拟面试系统"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic7.jpg" style="width:732px;height:408px" alt="学员学习数据多维度采集分析"></li>
                        <li><img src="http://www.itheima.com/2020gw/images/indeximg/tliaspic8.jpg" style="width:732px;height:408px" alt="IT学习教学质量监控"></li>
                    </ul>
                    <ol>
                        <li class="cur"><em></em><i class="tliasicon1"></i><p><span>学前</span>入学多维测评</p></li>
                        <li><em></em><i class="tliasicon2"></i><p><span>学前</span>目标导向式学习</p></li>
                        <li><em></em><i class="tliasicon3"></i><p><span>学中</span>随堂诊断纠错</p></li>
                        <li><em></em><i class="tliasicon4"></i><p><span>学中</span>阶段效果测评</p></li>
                        <li><em></em><i class="tliasicon5"></i><p><span>学后</span>在线作业试题库</p></li>
                        <li><em></em><i class="tliasicon6"></i><p><span>学后</span>问答社区查漏补缺</p></li>
                        <li><em></em><i class="tliasicon7"></i><p><span>保障</span>BI报表数据呈现</p></li>
                        <li><em></em><i class="tliasicon8"></i><p><span>就业</span>全面指导就业</p></li>
                    </ol>
                </div>
                <div class="tlias_bot">
                    <h3>更多Tlias就业服务</h3>
                    <div class="bot2con clears">
                        <div class="box2con_list"><p>就业流程<br />全信息化处理</p></div>
                        <div class="box2con_list"><p>学员能力<br />雷达图分析</p></div>
                        <div class="box2con_list"><p>定制个性化<br />就业服务</p></div>
                        <div class="box2con_list"><p>技术面试题<br />讲解</p></div>
                        <div class="box2con_list"><p>就业指导课<br />面试项目分析</p></div>
                        <div class="box2con_list"><p>HR面试攻略</p></div>
                        <div class="box2con_list"><p>模拟企业<br />真实面试</p></div>
                        <div class="box2con_list"><p>专业简历指导</p></div>
                        <div class="box2con_list"><p>面试复盘辅导</p></div>
                        <div class="box2con_list"><p>风险预警<br />企业黑名单提醒</p></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="box8">
            <div class="box8pic box8pic1">
                <div class="box_hd">
                    <h2><b>用心为每一位学员的职业发展助力</b></h2>
                    <p>黑马为毕业学员提供高质量人脉、职场资源、技术研习等众多学习交流机会</p>
                </div>
            </div>
            <div class="box8pic box8pic2"></div>
            <div class="box8pic box8pic3">
                <a href="javascript:;" class="a_btn itcast_click" style="width: 241px;background-position: 203px center;">立即报名</a>
            </div>
        </div> -->
        <div class="box_school">
            <div class="box_In">
                <div class="box_hd">
                    <h2><b>全国校区</b>及学科分布</h2>
                </div>
                <div class="school_con clears">
                    <div class="schoolcon_left">
                        <img src="http://www.itcast.cn/2020gw/images/indeximg/map.png" alt="全国IT培训机构分布图" >
                        <div class="xqmap">
                            <a href="javascript:;" file="/include/schoolpic/beijing.html" class="bj_map cur" rel="nofollow"><em></em>北京昌平</a>
                            <a href="javascript:;" file="/include/schoolpic/beijingshunyi.html" class="bjsy_map" rel="nofollow"><em></em>北京顺义</a>
                            <a href="javascript:;" file="/include/schoolpic/tianjin.html" class="tj_map" rel="nofollow"><em></em>天津</a>
                            <a href="javascript:;" file="/include/schoolpic/shanghai.html" class="sh_map" rel="nofollow"><em></em>上海</a>
                            <a href="javascript:;" file="/include/schoolpic/guangzhou.html" class="gz_map" rel="nofollow"><em></em>广州</a>
                            <a href="javascript:;" file="/include/schoolpic/shenzhen.html" class="sz_map" rel="nofollow"><em></em>深圳</a>
                            <a href="javascript:;" file="/include/schoolpic/wuhan.html" class="wh_map" rel="nofollow"><em></em>武汉</a>
                            <a href="javascript:;" file="/include/schoolpic/zhengzhou.html" class="zz_map" rel="nofollow"><em></em>郑州</a>
                            <a href="javascript:;" file="/include/schoolpic/xian.html" class="xa_map" rel="nofollow"><em></em>西安</a>
                            <a href="javascript:;" file="/include/schoolpic/changsha.html" class="cs_map" rel="nofollow"><em></em>长沙</a>
                            <a href="javascript:;" file="/include/schoolpic/jinan.html" class="jn_map" rel="nofollow"><em></em>济南</a>
                            <a href="javascript:;" file="/include/schoolpic/chongqing.html" class="cq_map" rel="nofollow"><em></em>重庆</a>
                            <a href="javascript:;" file="/include/schoolpic/nanjing.html" class="nj_map" rel="nofollow"><em></em>南京</a>
                            <a href="javascript:;" file="/include/schoolpic/hangzhou.html" class="hz_map" rel="nofollow"><em></em>杭州</a>
                            <a href="javascript:;" file="/include/schoolpic/shijiazhuang.html" class="sjz_map" rel="nofollow"><em></em>石家庄</a>
                            <a href="javascript:;" file="/include/schoolpic/chengdu.html" class="cd_map" rel="nofollow"><em></em>成都</a>
                            <a href="javascript:;" file="/include/schoolpic/hefei.html" class="hf_map" rel="nofollow"><em></em>合肥</a>
                            <a href="javascript:;" file="/include/schoolpic/taiyuan.html" class="ty_map" rel="nofollow"><em></em>太原</a>
                            <a href="javascript:;" file="/include/schoolpic/xiamen.html" class="xm_map" rel="nofollow"><em></em>厦门</a>
                            <a href="javascript:;" file="/include/schoolpic/shenyang.html" class="sy_map" rel="nofollow"><em></em>沈阳</a>
                        </div>
                    </div>
                   
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        var lb = document.getElementById("lunbo")
        var num=1;


        // 自动换图
        setInterval(function(){
            num++;
            if(num == 3){
                num = 1;     
            }
            lb.src="img/"+num+".jpg" 
            // console.log(num)
        },2000)
        var left = document.getElementById("left")
        var right = document.getElementById("right")

        // 点击左箭头换图
        left.onclick=function(){
            num--;
            if(num == 0){
                num = 1;     
            }
            lb.src="img/"+num+".jpg" 
   
        }

        // 点击右键换箭头
        right.onclick=function(){
            num++;
            if(num == 3){
                num = 1;     
            }
            lb.src="img/"+num+".jpg" 
        }


    </script>
</body>
</html>